

<seed-content>
  <seed-toolbar-header>
    <seed-toolbar-title>设置昵称</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
<form [formGroup]="nickNameForm">
  <div class="set-password-content">
    <!--<div class="prompt-text">
      设置您的昵称(长度在24个字符以内)
    </div>-->
    <div class="register-box register-box-account">
      <div class="register-box-input">
        <input class="nickname-input" formControlName="nickName" type="text" name="set-password" id="set-password" placeholder="请输入4-20个字符的昵称">
      </div>
    </div>
    <div *ngIf="checkValid">
      <p class='error-msg'>{{msg}}</p>
    </div>
    <button ion-button block class="register-button-next" (click)="setNickName()" [disabled]="!nickNameForm.valid">完成</button>

  </div>
</form>
</seed-content>
